html {
    height: 100%;
	margin: 0px;
}

body {
    padding-top: 0px;
    height:100%;
    padding-bottom: 0px;
    text-align: right;
}

body {
    height:100%;
    background:-moz-linear-gradient(top, #666, #CCC) no-repeat #ccc;
    background: #E0EAFF;
}

body > object {
  position: absolute;
  top: -10px;
  left: -10px;
}

body form {margin:0px;}

.videoChatBox object{display:inline;}
.wrapSenior {height:100%;background:#F0F3F6}

.mainFamily {padding-top:60px}


.sidebar-nav {
    padding: 9px 0;
}

.chatArea span {
    clear: both;
}

.datetime {
    float:left;
    font-size: 16px !important;
    line-height: 16px !important;
}

.chatArea > .sendMessage {
    padding:15px 0px 10px 0px;
}

.mainSenior  .contentArea{
	background: white;
	box-shadow: 2px 2px 5px -2px #BBB;
	border: 1px solid #EEE;
	display: blo;
	display: block;
	margin: 0px 5px 5px 0px;
	padding: 10px
}
/*
.mainSenior .chatArea > .history > div.message {
border: 1px solid #DFDFDF;
margin: 0px 10px 10px 5px;

background:#fff;
box-shadow: 2px 2px 5px -2px #BBB;
padding:5px;
}
*/
 .chatArea .history > div.message {

margin: 10px 10px 5px 5px;

float:right;
clear:right;
position:relative;
}


.clear {clear:both;height:0px;}
 .userInfo {
	float: right;
	height: 70px;
	width: 70px;
	overflow: hidden;
	background: #fff;
	box-shadow: 2px 2px 5px -2px #BBB;
	position:relative;
	padding:2px;
	border:1px solid #bbb;
}


.mainFamily  .chatArea div.message .arrow_box {
	margin-right:63px;
	margin-left:5px;
}

.mainFamily  .chatArea div.message .userInfo {width:44px;height:44px;}

.mainSenior  .videoChatPanel .userInfo {
width: 100px;
height: 100px;
float: none;
margin: 0px auto 20px auto;
}

.userInfo  .username{
		position: absolute;
		bottom: 0;
		background: #5C5C5C;
		width: 100%;
		right: 0px;
		z-index: 1000;
		opacity: 1;
		text-align: center;
		color: white;
		height: 20px;
		padding: 0px;
		height:20%;
		line-height:80%;
		
}		
 .userInfo img{
 width:100%;
 height:100%
 }
 

 
.mainFamily .chatArea  {
background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,248,250) 51%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,248,250) 51%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,248,250) 51%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,248,250) 51%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(245,248,250) 51%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(245,248,250))
);

padding:10px;

border: 1px solid #aaa;
border-bottom: 0px;

}

.arrow_box {
	position: relative;
	background: white;
	border: 1px solid #BBB;

	padding: 10px;
	border-radius: 6px;
	margin-right: 90px;
	min-width: 110px;
	margin-left: 6px;
	min-height: 20px;
	font-size: 150%;
	margin-left: 20px;
}

.mainSenior .arrow_box{
	min-height: 55px;
}
	
.arrow_box:after, .arrow_box:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	top: 20px;
	margin-top: -10px
}
.arrow_box:before {
	border-color: rgba(187, 187, 187, 0);
	border-left-color: #BBB;
	border-width: 11px;
	top: 20px;
	margin-top: -11px;
}



.chatArea .history > div.message .datetime 
{display: inline;
position: absolute;
left: -10px;
top: -10px;
border: 1px solid #BBB;
font-size: 80%;
border-radius: 4px;
padding: 1px 3px;


background-image: -webkit-linear-gradient(top, #ffffff, #e8f5ff);
background-image: linear-gradient(top, #ffffff, #e8f5ff);
background-clip: padding-box;


}

.mainSenior .chatArea > .history > div.message {
	font-size:120%;
	width:100%;
}

.mainSenior .chatArea > .history > div.activeMsg {
	width:100%;
	margin-left:30px;
	font-size:170%;

}
.mainSenior .chatArea > .history > div.activeMsg  .arrow_box{
	background-color: #FBFFDD;
	padding:10px 20px;
	font-size:140%;
	margin-right:140px;
	margin-left:20px;
	min-height:105px;
	font-weight:bold;
}

.mainSenior .chatArea > .history > div.activeMsg .userInfo {
	width:120px;
	height:120px;
}
.mainSenior .chatArea > .history > div.activeMsg  .arrow_box:after {
border-left-color:#FBFFDD;}





.message p {
	font-size:18px !important;
	line-height:20px !important;
	padding-left: 2px;
	padding-right: 2px;
	margin:0px;
}
.message .datetime{
    font-size:14px !important;
    line-height:14px !important;
}



.mainSenior .message.activeMsg p{
    font-size:60px !important;
    line-height:60px !important;
   	padding-left: 4px;
	padding-right: 4px;
}

.mainSenior .message.activeMsg .datetime{
    font-size:20px !important;
    line-height:20px !important;
}

.image-message p {
	width: 100px;
	display: inline;
}
.image-message {
	text-align: center;
}

.btnSend {
    margin-right:7px;
    float:right;
}

.sendMessage {
    /*display:none;*/
}




.sendMessage a {
}

.sendMessage span {
}

.formArea{padding: 10px;
	border: 1px solid #aaa;
	background: rgb(182, 205, 230);
}
.formArea .newFormLine {margin-top:5px;}

.formArea .inputFields{margin-left:100px}
.formArea .inputFields div{margin-right:0px;margin-bottom:0px}
 .formArea .sendImage .inputFields .row-fluid > div {margin-left:30px;}

.formArea .inputSubmitArea{float:left;margin-left:3px}
.formArea .sendSurvey .label{

display: inline-block;
font-size: 18px;
margin-left: 10px;
line-height: 24px;
padding-right:5px;
margin-top:5px;
}
.formArea .sendSurvey .label .close {margin-right:5px;}

.formArea .sendSurvey .answers input{width:auto;}

formArea .sendSurvey .answers .btnPlus {float:left;  cursor:pointer;}

.formArea form {width:100%;float;}
.formArea input[type="text"],.formArea input[type="file"], .file-container  {
    height: 22px !important;
    line-height: 22px !important;
	width:100%;
	font-size:20px;
	margin:0px;
	
}

.formArea .btn{
	line-height:21px;
	font-size:20px;
}

.file-container {
	position: relative;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 23px;
    margin-bottom: 9px;
    padding: 4px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    vertical-align: middle;
    background-color: #FFF;
    overflow: hidden;
}

.userEditModal  .file-container {
	width: 80%;
}	

.sendImage input[type="file"], .userEditModal input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
    margin-bottom: 0;
    z-index: 200;
}

#image-upload-file-text, #profile-upload-file-text {
    z-index: 100;	
}

.placeholder {
	color: #999999;
}

.sendMessage input[type="submit"],.sendSurvey input[type="submit"], .sendImage input[type="submit"] {
	
}


.seniorMenu li, .seniorMenu a{
	font-size:190%;
    height:150px;
    line-height:145px;
    text-align:center;
    border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 0px 0px 1px rgb(196, 196, 196)
	
	

}
.seniorMenu  li.active a{
	box-shadow: 0px 0px 1px 3px #444;
	color: #fff;
	background-image: linear-gradient(bottom, rgb(217,232,242) 0%, rgb(0,64,107) 58%);
background-image: -o-linear-gradient(bottom, rgb(217,232,242) 0%, rgb(0,64,107) 58%);
background-image: -moz-linear-gradient(bottom, rgb(217,232,242) 0%, rgb(0,64,107) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(217,232,242) 0%, rgb(0,64,107) 58%);
background-image: -ms-linear-gradient(bottom, rgb(217,232,242) 0%, rgb(0,64,107) 58%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(217,232,242)),
	color-stop(0.58, rgb(0,64,107))
);

	border:0px;
}
.seniorMenu  li:not(.active) a{
color: #000;
	background-image: linear-gradient(bottom, rgb(252,252,252) 10%, rgb(232,232,232) 55%);
background-image: -o-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(232,232,232) 55%);
background-image: -moz-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(232,232,232) 55%);
background-image: -webkit-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(232,232,232) 55%);
background-image: -ms-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(232,232,232) 55%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.1, rgb(252,252,252)),
	color-stop(0.55, rgb(232,232,232))
);
}
  
.seniorMenu li.seniorAlertButton  a{
	font-size:100%;

	
}

.seniorMenu li.seniorAlertButton:not(.active)  a{
	/*background:red;*/
	
}
.mainSenior .tab-pane:not(.active) {

	
	display:block;
	
	
}
.mainSenior .tab-pane:not(.active)  .tab-pane-content{
	height:0px;
	opacity:0;
	overflow: hidden; /*Tom : added this to fix bug with non-hidden chat*/
}

.mainSenior .tab-pane{
overflow:hidden;
width:100%;

}  
.mainSenior .tab-pane .tab-pane-content {
  -webkit-transition-property: opacity, height;
  -webkit-transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0s, 0s;
  /* must add all browsers transition support later */
}
.mainSenior .tab-pane .tab-pane-content {}

.mainSenior .urgentAlert {
padding:20px 0px 20px 0px;
}
.mainSenior .urgentAlert .smallNotification {
font-size:160%;
}
.mainSenior .urgentAlert .sendSmsButton {
margin:20px 0px;
font-size: 60px;
height: 120px;
line-height: 110px;
}


.mainSenior .urgentAlert .cancelButton {
margin:20px 0px 100px 0px;
font-size: 50px; 
line-height: 50px;
}
	

.nav-header, .nav-header a{
    height:30px !important;
    line-height:20px !important;
    font-size:20px !important;
    text-align:right !important;
}

.centered-text {
    text-align:center
}    

.clock {
    float:left;
}



	/* main, login, register pages */

	  .mainWrap {
		height:100%;
		background-color:whiteSmoke;
      }

      /* Custom container */
      .container-narrow {
        margin: 0 auto;
		padding:20px 0px;
        max-width: 800px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        padding: 40px 20px;
        text-align: center;
		 background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .jumbotron h1 {
        font-size: 62px;
        line-height: 1;
      }
      .jumbotron .btn {
        font-size: 26px;
        padding: 14px 24px;
		margin-left:10px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }
	  
	  .form-signin {width:300px;margin:0px auto;}
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
	  .form-signin .login-alerts {font-size:80%}
	  .form-signin label {text-align:right; font-size:14px;line-height:16px;}
	  
	  
	      #map {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: red;
    display: block;
}

.appNgView { 
    min-height: 100%;
    height: 100%;
}


.mainSenior {
	padding-top: 20px;
	margin-left :130px; /*width of videoChatPanel*/
}


.nav-list li {
	margin-bottom: 30px;
}
.nav-list li a {
	border: 1px solid #ccc;
}

.loginLoading .bar {-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;}

.kioskModeLogin {margin-top:30px;}
.kioskModeLogin input,.kioskModeLogin label,.kioskModeLogin button {display:none}

#surveyMessage {
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none;
    padding:20px;
    min-width:400px;
    min-height: 180px;
}

.videoChatModal {
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none;
    padding:20px;
    min-width:800px;
    min-height: 50px;
}

.videoChatModalFull {
    background-color:#F0F3F6;
    border-radius:0px;
}


.imageChatModal, .userEditModal, .seniorKioskModal, .seniorSettingsModal {
	display: none;
}

.imageChatModal {
width:100%;
height: 100%;
text-align: center;
}

#disconnectModal{
   display: none;
   font-size:400%;
   line-height:150%;
   font-weight:bold;
   color:#fff;
   width:90%;
   text-align:center;
}
.userEditModal, .seniorKioskModal, .seniorSettingsModal {
	background: #fff;
	border-radius:5px;
}

.userEditModal, .seniorSettingsModal {
	text-align: center;
}
.seniorKioskModal {
	text-align: right;
	width: 400px;
	padding: 15px;
}

.seniorKioskModal p {
	line-height: 18px;
}


.userEditModal span, .seniorSettingsModal span{
	display: block;
	text-align: right;
	width: 230px;
	margin: 0 auto;
	margin-bottom:4px;
	
}

.seniorSettingsModal select {
	height: auto;
	font-size: 100%;
}

.chatAreaFull{
	position:absolute !important;
	top:0px !important;
	right:0px !important;
	z-index:9999 !important;
}
.formAreaWrapFull{
	position:absolute !important;
	bottom:100px !important;
	right:0px !important;
	z-index:9999 !important;
	border-right-width: 0px;
	border-left-width: 0px;
}



.chatAreaFull .history{
margin:10px;
}

.videoChatModalFull .videoChatBox {
text-align:center;
position:absolute;
top:0px;
left:0px;
background:#000;
height:100%;

}

.videoChatModalFull .videoChatBox .videoChatMsg{
	background: black;
	opacity: 0.7;
	color: white;
	position: absolute;
	width: 100%;
	font-size: 170%;
	z-index: 1;
	padding-bottom: 2px;
}

.videoChatModalFull .videoChatBox .videoChatButtons{
	position: absolute;
	width: 100%;
	bottom: 60px;
}

.videoChatModalFull .videoChatBox .videoChatButtons{
	position: absolute;
	width: 100%;
	bottom: 60px;
}

.videoChatButtons{
	font-size: 40px;
	line-height: 40px;
	padding-top: 1;
	padding-top: -20px;
	padding-top: -20px;
	padding-top: -20px;
	padding-top: -20px;
	padding-top: 5px;
}

.videoChatBox {text-align:center;}
.videoChatBox .videoChatMsg {font-size:300%}
.videoChatBox .videoChatButtons {margin:20px 0px 10px 0px}

.videoChatBox #subscribers object,.videoChatBox #subscribers > div,.videoChatBox #subscribers video {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0px;
left: 0px;}


.videoChatBox #myCamera {
	position: absolute;
	bottom: 60px;
	right: 40px;
	}
.videoChatBox #myCamera{

	-webkit-transform: scale(0,0) !important;
	-webkit-transition: -webkit-transform 0.5s ease-in !important;
	-webkit-backface-visibility: hidden !important;
}

.videoChatBox #myCamera.applyEffect {
	position: absolute;
	bottom: 60px;
	right: 40px;

	-webkit-transform: scale(1) !important;
	-webkit-box-shadow: 0px 0px 10px 0px #fff;
	-moz-box-shadow:    0px 0px 10px 0px #fff;
	box-shadow:         0px 0px 10px 0px #fff;;

}

.videoChatBox   #subscribers video {
	-webkit-transform-style: preserve-3d !important;
	-webkit-transition: -webkit-transform 1.5s ease-in !important;
	-webkit-transform: scale(1,1) rotatey(0deg) !important;
	-webkit-backface-visibility: hidden !important;
	
}


.videoChatBox  #subscribers  video.applyEffect  {
    -webkit-transform-style: preserve-3d !important;
	-webkit-transition: -webkit-transform 1s ease-in !important;
	-webkit-transform: scale(1,1) rotatey(360deg) !important;
	-webkit-backface-visibility: hidden !important;
	}
.leftBar > div{
    border:1px #999 solid;
}

.leftBar > div, .rightBar > div {
	
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border: 1px #aaa solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	overflow: hidden;
	padding: 0px;
	box-shadow:2px 2px 5px -2px #BBBBBB;
	background:rgb(255, 252, 255);
	
background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,250,255) 51%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,250,255) 51%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,250,255) 51%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,250,255) 51%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(255,250,255) 51%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,255,255)),
	color-stop(0.51, rgb(255,250,255))
);}



.grandmaStatus  .singleUser  {
    width:100px;
    height:100px;
    float:right;
    margin-left:10px;
	border-left:1px solid #999;
	background:#fff;
}


.grandmaStatus  .singleUser img  {
    width:100px;
    height:100px;
}

.grandmaStatus  .singleUser .userName{
	font-size: 110%;
	line-height: 85%;
	padding-bottom: 100px;
	margin-top: -17px;
	padding-top: 1px;
}

.grandmaStatus > div {
    float:right;
	

}
.grandmaStatus > div.status {
    padding-top:40px;

}

.statusConnected {
    color:green;
    font-weight:bold;
}

.statusDisconnected {
    color:red;
    font-weight:bold;
}



.usersStatus > h7 {
	
	border-bottom:1px solid #999;
	padding:3px 0px 5px 0px;
	float: right;
	width: 100%;
	background: rgb(211, 36, 127);
	margin: 0px;
	text-align:center;
	font-size:120%;
	line-height:100%;
	color:#fff;
	font-weight:bold;
	
}
.usersStatus .singleUser{
	
position: relative;
width: 27%;
float: right;
margin: 10px 4.5% 10px 0px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #EEEEEE;
box-shadow: 2px 2px 5px -2px #BBBBBB;
background: #fff;
overflow: hidden;

	
}
.singleUser .userName {
	border-top: 1px solid #fff;
	background: #333;
	color: #fff;
	text-align: center;
	font-size: 90%;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-right:15px;
	padding-left:15px;
	margin-top: -15px;
	z-index: 1;
	position: relative;
	
	
	
}

.usersStatus .userLists {
	padding:20px 0px 0px 0px;
}

.noUsersMsg{
	text-align:center;
	margin:20px 0px 0px 0px;
}

.usersStatus img.profile-img {
    width:100%;
    
}

.statusCircle {
	width: 9px;
	height: 9px;
	position: absolute;
	right: 5px;
	bottom: 3px;

	z-index:10;
	
}

.btn.btn-mini.btn-success.call-user-button {
position: absolute;
z-index: 100;
top: 0px;
right: 0px;
width: 100%;
border-bottom: 1px solid #eee;
height: 8px;
line-height: 6px;
text-align: center;
padding: 2px 0px;
border-radius: 0px;
}


.surveryPopupBox .surveyAnswers {
	
	text-align:center;
	width:100%;
	margin:30px 10px 10px 10px;
	}
.surveryPopupBox .surveryQuestionTitle {
	text-align: center;
	font-size: 40px;
	line-height:50px;
	color:#666;
	

}

.surveryPopupBox .surveryQuestionText {
	color:#000;
	font-size: 60px;
}

.surveryPopupBox {
	margin: 20px 20px 30px 20px;
}

.surveryPopupBox .surveyAnswer {
	margin-left:20px;
	margin-right:20px;
	font-size:70px !important;
	line-height:60px !important;
}
.surveyAnswers .label{
	margin-left:10px;
}

.surveyAnswers .label{
	font-size:70%;
	line-height:120%;
}

.surveyAnswers .label .icon-ok {
	vertical-align:middle;
	position:relative;
	top:-1px;
}

.imageMessage img {
	/*width: 200px;
	height: auto;*/
}



.chatActionsBtnHolder {
   
}
.chatActionsBtnHolder span {width:30px;height:30px;display:block;}
.chatActionsBtnHolder div {float: right;
margin-left: 5px;
padding: 2px 5px 5px 5px;
border: 1px solid #aaa;
background: whiteSmoke;
position: relative;
top: -1px;
height: 27px;

border-radius:0px 0px 5px 5px;
} 

.chatActionsBtnHolder div.activeButton{
padding-top: 6px;

border-top: 0px;
background: rgb(182, 205, 230);
position: relative;


}
.btnSurvey, .btnSendImg, .btnMessage {
  
    cursor:pointer;
}

div.activeButton  span{
	 cursor:auto !important;
}


.btnSurvey {
    background-image:url('/content/img/survey.png');    
}

div.not(.activeButton) .btnSurvey:hover {
    background-image:url('/content/img/survey_hover.png');    
}

.btnSendImg {
    background-image:url('/content/img/camera.png');    
}

div.not(.activeButton) .btnSendImg:hover {
    background-image:url('/content/img/camera_hover.png');    
}

.btnMessage {
    background-image:url('/content/img/message.png');    
}

div.not(.activeButton) .btnMessage:hover {
    background-image:url('/content/img/message_hover.png');    
}


.btnCall {
    background-image:url('/content/img/call.png');
    cursor:pointer;
    position:absolute;
    left:0px;
    bottom:0px;
    width:30px;
    height:30px;
}

.btnCall:hover {
    background-image:url('/content/img/call_hover.png');    
}

.userName {
    margin:0;
    line-height: 1;
}

.clickable {
    cursor:pointer;
}

.chatAreaFull .span9 {
    width:90%;
}

#flippyBox{
	background: #b6d635;
	color: #333;
	
	width: 100%;
	
	min-height: 100px;
	text-align: center;
	margin: 0 auto;
}

#galleria {
	width: 800px; height: 500px; background: #000;
	direction: ltr; 
}

.mainSenior  #galleria .galleria-image-nav-right {
	background-image: url("../img/arrow_right.gif");
	right: 10px !important;	
}

.mainSenior  #galleria .galleria-image-nav-left {
	background-image: url("../img/arrow_left.gif");
	left: 10px !important;
}


.mainSenior  #galleria .galleria-image-nav-right, .mainSenior  #galleria .galleria-image-nav-left {
	height: 90%;
	top: 10%;
	background-color: #FFF;	
	background-position: center center;
	
}

.mainSenior #galleria .galleria-image-nav {
	height:100%;
	top: 0;	
}

.mainSenior #galleria {
	width: 100%;
}

.call-senior-button{
    margin-top: 10px;
    margin-right: 2px;
}

#galleria .gallery-description {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #FFF;
	background: #000;
	opacity:0.5;
}

.videoChatPanel {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:130px;
	background: #FEFFFF;
background: url();
background: -moz-linear-gradient(left, #FEFFFF 0%, #D2EBF9 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FEFFFF), color-stop(100%,#D2EBF9));
background: -webkit-linear-gradient(left, #FEFFFF 0%,#D2EBF9 100%);
background: -o-linear-gradient(left, #FEFFFF 0%,#D2EBF9 100%);
background: -ms-linear-gradient(left, #FEFFFF 0%,#D2EBF9 100%);
background: linear-gradient(to right, #FEFFFF 0%,#D2EBF9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 );
box-shadow: 0px 0px 11px -3px black;
}
	
.videoChatPanel .title{
	position: relative;
	top: 0px;
	left: 0px;
	
	background: rgba(5, 70, 131, 0.74);
	text-align: center;
	margin-bottom: 14px;
	font-size: 20px;
	padding: 4px;
	color: white;
	border-bottom: 1px solid #AAA;
}

.user-management ul li{
	list-style: none;
}

.user-management img {
	/*border: 1px solid #999;*/
	height: 75px;
	width: 75px;	
	margin: auto;
	display: block;
}

.managed-user {
	
    border-radius: 5px 5px 5px 5px;
   	border: 1px solid #EEEEEE;
    box-shadow: 2px 2px 5px -2px #BBBBBB;
    /*padding: 1px;*/
}


.managed-user .user-info {
	padding:5px;
	background: #fff;
	position: relative;
	border-radius: 5px 5px 5px 5px;
}

.managed-user li{
}
.managed-user {
	list-style: none;
	float: right;
	margin-left: 20px;
}

.managed-user.admin-user, .managed-user.senior-user {
	width: 100%;
	background: #999;
	border: 1px solid #999;
}

.managed-user.admin-user img, .managed-user.senior-user img {
	position: absolute;
	left: 5px;
	top: 5px;
	height: 45px;
	width: 45px;	
	
}
.managed-user.admin-user .user-info, .managed-user.senior-user .user-info {
	border-radius: 0px 0px 5px 5px;
}

.managed-user.admin-user .user-role, .managed-user.senior-user .user-role {
	text-align: center;
	color: #fff;
}

#profileImagePopup {
	width: 300px;
}

.managed-user ul {

	margin-right: 0;
}
.managed-users {
	margin-top: 15px;
}
.managed-users ul{
	margin-right: 0;
}

#notificationSounds {height:0px;overflow:hidden;}

.touchslider {padding:0px 100px 0px 100px;}
.touchslider .touchslider-viewport {
	margin:0 auto;
	-webkit-border-radius: 6px;
			border-radius: 6px;
	width:100%;
	overflow:hidden;
}
.touchslider .img-item .contentArea{
margin:0 auto;
display:inline-block;
}
.mainFamily .touchslider .img-item .contentArea{
	background: white;
	box-shadow: 2px 2px 5px -2px #BBB;
	border: 1px solid #EEE;
	margin: 0px 5px 5px 0px;
	padding: 10px
}


.img-item {text-align:center;background;padding:0px 5px}
 
.touchslider .touchslider-viewport img {

}
.touchslider .touchslider-item {
	height: 100%;
	overflow: hidden;
}
.touchslider .touchslider-nav {
	position: absolute;
	height: 100%;
	width: 100%;

	top: 0px;
	right: 0px;
	}

.touchslider .touchslider-nav a {
	cursor: pointer;
	color: #000;
}
.touchslider .touchslider-nav a:active {
	background: #689db2;
}

.touchslider-nav {
	font: bold 16px/16px Georgia;
}

.touchslider .touchslider-next {

}
.touchslider .touchslider-next-in {
	position: absolute;
	right: -10px;
	top:40%;
	background: url('/content/img/arrow_right.png');
	width: 128px;
	height: 128px;
	z-index: 1000;
}

.touchslider .touchslider-prev-in.active {
	background: url('/content/img/arrow_left_active.png');
}

.touchslider .touchslider-next-in.active {
	background: url('/content/img/arrow_right_active.png');
}

.touchslider .touchslider-prev-in {
	position: absolute;
	left: 5px;
	top:40%;
	background: url('/content/img/arrow_left.png');
	width: 128px;
	height: 128px;
	z-index: 1000;
}


/* social slider */
.section-download {
	position: relative;
	padding-right: 230px;
}
.social {
	width: 200px;
	position: absolute;
	right: 20px;
	top: 0;
}
.touchslider-social .touchslider-nav {
	text-align: center;
	margin-bottom: 6px;
}
.touchslider-social .touchslider-nav-item {
	opacity: .5;
	padding: 0 2px;
}
.touchslider-social .touchslider-nav-item-current {
	opacity: 1;
}
#photoGallery {position:relative;height:100%;padding:50px 0px}
.touchslider {height:100%;}
.logout_button {position:relative; top:-2px;margin-right:10px;}

.navbar .brand {position:relative;width:80px}
.navbar .brand img{position: absolute;
top: 6px;
right: 18px;}


.navbar.nav-brighter {
	color: #BBB;
}

.navbar.nav-brighter a.nav-link{
	color: #FFF;
}

.navbar.nav-brighter .nav > li > a {
	color: #BBB;
	font-weight: bold;
}
.navbar.nav-brighter .nav > li.active > a {
	color: #FFF;
}

.addUserBtnDiv{
margin-top:20px;

}
.seniorKeyboardArea {margin-top:20px;}
.seniorKeyboardArea .inputFields{
margin-right:10px;
margin-left:130px;
}
.seniorKeyboardArea .inputSubmitArea {
float: left;
margin-left: 13px;
}
.seniorKeyboardArea .inputFields > input {
width: 100%;
height: 100%;
font-size: 34px;
line-height: 100%;
}

.chatArea.fontSize0{font-size:70%}
.chatArea.fontSize2{font-size:160%}